.mine {
    $border-color:#efefef;
   background: $border-color;
   height: 100%;
    width: 100%;
    .mine-header {
        @include flexbox();
        @include flex-direction(column);
        height: 2.01rem;
        background: url(/static/img/mine-1.png);
        background-size: 100% 2.01rem;
        padding: .19rem 0 0 0;
        .set {
            @include flexbox();
            @include justify-content(flex-end);
            padding: 0 .15rem 0 0;
            width: 100%;
            height: .45rem;
            line-height: .45rem;
            font-size: .2rem;
            i {
                color: #fff;
            }
        }
        .head-sculpture {
            height: .75rem;
            width: 100%;
            text-align: center;
            img {
                height: .75rem;
            }
        }
        .nick-name {
            line-height: .33rem;
            color: #fff;
            text-align: center;
            height: .61rem;
            i {
                padding: 0 .1rem 0 0;
            }
        }
    }
    .info {
        @include flexbox();
        width: 100%;
        height: .5rem;
        background: #fff;
        p {
            @include flex();
            @include flexbox();
            @include flex-direction(column);
            text-align: center;
            vertical-align: middle;
        }
        p:nth-of-type(1),
        p:nth-of-type(3) {
            span:nth-of-type(1) {
                color: #ff7143;
            }
            span:nth-of-type(2) {
                color: #878787;
            }
        }
        p:nth-of-type(2) {
            font-size: .25rem;
            color: #d6a266;
        }
    }
    
    .shop-info {
        @include flexbox();
        width: 100%;
        height: .61rem;
        background: #fff;
        @include border($border-width: .1rem 0, $border-color:$border-color);
        p {
            @include flex();
            @include flexbox();
            @include flex-direction(column);
            @include justify-content(center);
            @include align-content(center);
            text-align: center;
            .yo-ico {
                font-size: .18rem;
                color: #d6a266;
            }
            span {
                font-size: .12rem;
            }
        }
    }
    .member {
        width: 100%;
        height: .5rem;
        background: #fff;
        @include flexbox();
        @include justify-content(center);
        background: $border-color;
        .member-content {
            @include flexbox();
            line-height: .5rem;
            height: .5rem;
            width: 3.25rem;
            background: url(/static/mine-3.png);
            background-size: 100%, 100%;
            p:nth-of-type(1) {
                padding: 0 0 0 .33rem;
                i.yo-ico {
                    font-size: .26rem;
                    color: #dfd3c3;
                }
                span {
                    color: #fff;
                    font-size: .15rem;
                }
            }
            p:nth-of-type(2) {
                @include flex();
                @include flexbox();
                @include justify-content(flex-end);
                @include align-content(center);
                padding: .125rem .23rem 0 0;
                i {
                    width: .95rem;
                    height: .25rem;
                    @include flexbox();
                    @include border($border-width: 1px, $border-color: #ae8045, $radius:.1rem);
                    @include border-radius(.1rem);
                    text-align: center;
                    font-size: .1rem;
                    line-height: .25rem;
                    color: #fff;
                    span {
                        width: 100%;
                        display: inline-block;
                        text-align: center;
                    }
                }
            }
        }
    }
    .application{
        width: 100%;
        background: #fff;
        @include flexbox();
        @include flex-direction(column);
        .application-row{
            @include flexbox();
            width: 100%;
            height: 2.04rem;
            .application-col{
                @include flex();
                @include flexbox();
                @include flex-direction(column);
                width: 100%;
                p{
                    @include flex();
                    @include flexbox();
                    @include justify-content(center);
                    @include align-items(center);
                    @include border($border-width: 0 0 1px 0, $border-color: $border-color);
                    padding: 0 .34rem 0 .2rem;
                    width: 100%;
                    i{
                        color: #2d2d2d;
                        font-size: .14rem;
                        //padding: 0 .47rem 0 0;
                    }
                    span{
                        font-size: .24rem;
                        padding: 0 0 0 .47rem;
                    }
                }
            }
            .application-col:nth-of-type(1){
                @include border($border-width: 0 1px 0 0, $border-color:$border-color);
                p:nth-of-type(1)>span{
                    color: #fa9394;
                }
                p:nth-of-type(2)>span{
                    color:#f5b47a ;
                }
                p:nth-of-type(3)>span{
                    color: #98e0c8;
                }
            }
            .application-col:nth-of-type(2){
                p:nth-of-type(1)>span{
                    color: #ff84a1;
                }
                p:nth-of-type(2)>span{
                    color:#93cbfe ;
                }
                p:nth-of-type(3)>span{
                    color:#b492de ;
                }
            }
        }
        .footer{
            @include flex();
        }
    }
}